﻿<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
    <meta charset="UTF-8">
	<title>五一北京最酷的户外科技电音大趴！</title>
	<meta name="description" content="2017年4.29-5.1 鸟巢附场 我们等你来"/>
    <!--BootStrap And JQuery-->
    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/bootstrap-theme.css">
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>


    <!-- CSS code from Bootply.com editor -->
    <style type="text/css">

        *{
            margin:0px;
            padding:0px;
        }

        .carousel {
            margin-bottom: 0;
            padding: 0 40px 30px 40px;
        }

        .carousel-control {
            left: -12px;
        }

            .carousel-control.right {
                right: -12px;
            }

        .carousel-indicators {
            right: 50%;
            top: auto;
            bottom: 0px;
            margin-right: -19px;
        }

            .carousel-indicators li {
                background: #c0c0c0;
            }

            .carousel-indicators .active {
                background: #333333;
            }

        a.left {
            float: left;
            text-align: left;
            font-size: 2.3rem;
        }

        a.right {
            float: right;
            text-align: right;
            font-size: 2.3rem;
        }

        a.carousel-control span {
            color: black;
        }

        a.carousel-control {
            width: 0%;
        }

        #carousel_four_images img {
            width: 100%;
            padding: 4px;
        }

        #carousel_four_images div {
        }

        #main_pic {
            margin-top:20px;
        }

        .buy-btn {
            display: inline-block;
            width: 20%;
            text-align: center;
            background-color: #000;
            color: #ffffff;
            padding: 1rem;
            font-size: 3rem;
            text-decoration: none;
            border: 1px solid #fff;
        }

        .buy-btn:hover {
            text-decoration: none;
            background-color: #333;
            color:#fff;
        }

        .top-banner{
            position:relative;

        }

        .btn-wp{
            bottom:-5%;
            position:absolute;
            width:100%;
            text-align:center;
        }
        @media (max-width: 640px){
             .buy-btn {
                font-size:14px;
                padding:0.5rem;
             }
        }

    </style>
</head>

<body style="background-image:url('./img/background.png')">
    <div>
        <!--Page1-->
        <div class="top-banner">
            <img class="img-responsive center-block" src="./img/pic1.png" alt="Image" />
            <div class="btn-wp">
                <a href="https://piao.damai.cn/118367.html" class="buy-btn">购 票</a>
            </div>
        </div>

        <div>
            <img class="img-responsive center-block" src="./img/2.png" alt="Image" />
        </div>

        <div>
            <img class="img-responsive center-block" src="./img/3.jpg" alt="Image" />
        </div>

        <div>
            <img class="img-responsive center-block" src="./img/4.png" alt="Image" />
        </div>

        <div>
            <img class="img-responsive center-block" src="./img/5.png" alt="Image" />
        </div>
		
		<div id="id_video_container_9031868222913142158" style="width:95%;height:720px;"></div><script src="https://qzonestyle.gtimg.cn/open/qcloud/video/h5/h5connect.js" charset="utf-8"></script>
		 <script type="text/javascript">
					(function(){
					   var option ={"auto_play":"0","file_id":"9031868222913142158","app_id":"1252569314","width":1280,"height":720,"https":1};
					   /*调用播放器进行播放*/
					   new qcVideo.Player(
							   /*代码中的id_video_container将会作为播放器放置的容器使用,可自行替换*/
							   "id_video_container_9031868222913142158",
							   option
						   );
					 })()
		 </script>
		
        <div>
            <img class="img-responsive center-block" src="./img/7.png" alt="Image" />
        </div>
		
    </div>
</body>
</html>
